$(function() {

    //根据窗口调整表格高度
    InitTable();
    $(window).resize(function() {

        $('#mytab').bootstrapTable('resetView', {
            height: tableHeight()
        })
    });
    $("#searchCarInfoBtn").click(function () {
        InitTable();
    });
function InitTable(){

    $('#mytab').bootstrapTable('destroy');
    $('#mytab').bootstrapTable({
        url: "/car/selectAllCar",//数据源
        //dataField: "rows",//服务端返回数据键值 就是说记录放的键值是rows，分页时使用总记录数的键值为total
        height: tableHeight(),//高度调整
        //search: true,//是否搜索
        pagination: true,//是否分页
        pageSize: 8,//单页记录数
        pageList: [5, 10, 20, 50],//分页步进值
        sidePagination: "client",//服务端分页
        contentType: "application/x-www-form-urlencoded",//请求数据内容格式 默认是 application/json 自己根据格式自行服务端处理
        // contentType: "application/json",//请求数据内容格式 默认是 application/json 自己根据格式自行服务端处理
        dataType: "json",//期待返回数据类型
        method: "post",//请求方式
        //searchAlign: "right",//查询框对齐方式
        queryParamsType: "limit",//查询参数组织方式
        uniqueId: "c_id",
        queryParams: function getParams(params) {
            var search =
            {
                c_num:$("#searchNumber").val(),
                c_people:$("#searchPeople").val()
            };
            return search;
        },
        //searchOnEnterKey: false,//回车搜索
        //showRefresh: true,//刷新按钮
        //showColumns: true,//列选择按钮
        //buttonsAlign: "right",//按钮对齐方式
        toolbar:"toolbar", //指定工具栏
        toolbarAlign: "right",//工具栏对齐方式
        columns: [
            {
                title: "全选",
                field: "select",
                checkbox: true,
                width: 20,//宽度
                align: "center",//水平
                valign: "middle"//垂直
            },
            {
                field: "c_id",//键名
                title: "id",//标题
                sortable: true,//是否可排序
                order: "desc"//默认排序方式
            },
            {
                field: "c_num",
                title: "车牌号",
                sortable: true,
                titleTooltip: "this is name"
            },
            {
                field: "c_brand",
                title: "车辆品牌",
                sortable: true,
                formatter:function (value,row,index) {
                    switch(value){
                        case '1':
                            return '徐工';
                        case '2':
                            return '龙工';
                        case '3':
                            return '三一';
                    }
                }
            },
            {
                field: "model_name",
                title: "车辆型号",
                sortable: true
            },
            {
                field: "c_create",
                title: "生产日期",
                sortable: true
            },
            {
                field: "c_buytime",
                title: "购买日期",
                sortable: true
            },
            {
                field: "c_buy",
                title: "价格",
                sortable: true
            },
            {
                field: "c_money",
                title: "单价",
                sortable: true
            },
            {
                field: "s_name",
                title: "驾驶员",
                sortable: true
            }
        ],
        onClickRow: function(row, $element) {
            //$element是当前tr的jquery对象
            $element.css("background-color", "#cecece");
        },//单击row事件
        locale: "zh-CN", //中文支持
        detailView: false, //是否显示详情折叠
        /*detailFormatter: function(index, row, element) {
            var html = '';
            $.each(row, function(key, val){
                html += "<p>" + key + ":" + val +  "</p>"
            });
            return html;
        }*/
    });

}
    // 日期控件
    $("#c_create").datetimepicker({
        format:'yyyy-mm-dd hh:ii',
        local:moment.locale('zh-cn'),
        startDate:"2010-01-01 00:00",
        endDate:"2050-01-01 00:00"

    });
    $("#uc_create").datetimepicker({
        format:'yyyy-mm-dd hh:ii',
        local:moment.locale('zh-cn'),
        startDate:"2010-01-01 00:00",
        endDate:"2050-01-01 00:00"

    });

    $("#c_buytime").datetimepicker({
        format:'yyyy-mm-dd hh:ii',
        local:moment.locale('zh-cn'),
        startDate:"2010-01-01 00:00",
        endDate:"2050-01-01 00:00"
    });
    $("#uc_buytime").datetimepicker({
        format:'yyyy-mm-dd hh:ii',
        local:moment.locale('zh-cn'),
        startDate:"2010-01-01 00:00",
        endDate:"2050-01-01 00:00"
    });

    $("#addRecord").click(function(){
        $.ajax({
            url:"/car/insertNewCar",
            type:"post",
            dataType:"json",
            data:{
                c_num:$("#c_num").val(),
                c_brand:$("#c_brand").val(),
                c_model:$("#model").val(),
                c_create:$("#c_create").val(),
                c_buytime:$("#c_buytime").val(),
                c_buy:$("#c_buy").val(),
                c_money:$("#c_money").val(),
                c_people:$("#c_people").val()
            },
            success:function (result) {
                if (result.errorCode == 1) {
                    toastr.success('添加成功');
                    $("#addModal").modal("hide");
                    $("#mytab").bootstrapTable("refresh");
                    $("#mytab").bootstrapTable("selectPage", 9999);
                }else {
                    toastr.error('添加失败')
                }
            }

        })
    });


    $("#updateCarBtn").click(function () {
        var selected = $("#mytab").bootstrapTable("getSelections");
        if (selected != undefined && selected.length === 1){
            var result = selected[0];
            $("#hidCid").val(result.c_id);
            $("#uc_num").val(result.c_num),
            $("#ubrand").val(result.c_brand),
            $("#umod2el").val(result.c_model),
            $("#uc_create").val(result.c_create),
            $("#uc_buytime").val(result.c_buytime),
            $("#uc_buy").val(result.c_buy),
            $("#uc_money").val(result.c_money),
            $("#uc_people").val(result.c_people),
            $("#updateRecord").click(function () {
                $.ajax({
                    url:"/car/updateThisCar",
                    type:"post",
                    dataType:"json",
                    data:{
                        c_id:$("#hidCid").val(),
                        c_num:$("#uc_num").val(),
                        c_brand:$("#ubrand").val(),
                        c_model:$("#umodel").val(),
                        c_create:$("#uc_create").val(),
                        c_buytime:$("#uc_buytime").val(),
                        c_buy:$("#uc_buy").val(),
                        c_money:$("#uc_money").val(),
                        c_people:$("#uc_people").val()
                    },
                    success:function (result) {
                        if (result.errorCode ==1) {
                            toastr.success('修改成功');
                            $("#updateModal").modal("hide");
                            $("#mytab").bootstrapTable("refresh");
                        }else {
                            toastr.error('修改失败');
                        }
                    }
                })
            })
    }
});
    $("#deleteCarBtn").click(function () {
        var selected = $("#mytab").bootstrapTable("getSelections");
        var ids = [];
        var len = selected.length;
        $("#deleteDialogMsg").html("你确定要删除"+len+"条记录吗");
    });
    // 删除
    $("#deleteBtn").click(function () {
        var selected = $("#mytab").bootstrapTable("getSelections");
        var ids = [];
        var len = selected.length;
        if (len > 0){
            for (var i=0;i<len;i++){
                ids [i] = selected[i].c_id;
            }
            $.ajax({
                url:"/car/deleteThisCar",
                type:"post",
                dataType:"json",
                //contentType:"application/json",
                // 序列化能够传传数组
                traditional: true,
                data:{
                    c_id: ids
                },
                success: function (result) {
                    var error = result.errorCode;
                    if (error == 1){
                        $("#deleteModal").modal('hide');
                        toastr.success("你已经删除"+len+"辆车")
                        $("#mytab").bootstrapTable("refresh");
                    }
                }
            })
        }else {
            alert("至少选择一项");
            $("#deleteModal").modal('hide');
        }
    });
    //当模态框关闭时，清空模态框数据
    $("#addModal").on('hidden.bs.modal', function () {
        clearModelData();
    });
    //当模态框关闭时，清空模态框数据
    $('#updateModal').on('hidden.bs.modal', function () {
        clearModelData();
    });
});
function clearModelData() {
    $("#c_num").val(""),
    $("#c_brand").val(""),
    $("#model").val(""),
    $("#c_create").val(),
    $("#c_buytime").val(),
    $("#c_buy").val(),
    $("#c_money").val(),
    $("#c_people").val()
}

function tableHeight() {
    return $(window).height() - 50;
}
/**
 * 列的格式化函数 在数据从服务端返回装载前进行处理
 * @param  {[type]} value [description]
 * @param  {[type]} row   [description]
 * @param  {[type]} index [description]
 * @return {[type]}       [description]
 */
function infoFormatter(value, row, index)
{
    return "id:" + row.id + " name:" + row.name + " age:" + row.age;
}